<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CommonDevelopment Platform</title>
<!-- Mobile Specific Metas -->
<link rel="stylesheet" href="static/css/bootstrap.min.css"/>
<link rel="stylesheet" href="static/css/font-awesome.min.css"/>
<style type="text/css">
iframe{
  margin:0px;
  padding:15px 15px;
  width:100%;
  border:0px;
}
</style>
</head>
<body>
<div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
		    <nav class="navbar navbar-default">
		        <div class="navbar-brand">系统管理 </div>
		
		        <ul class="nav navbar-top-links navbar-right">
		            <li class="dropdown"  style="right:10px">
		                <a class="dropdown-toggle" data-toggle="dropdown" href="#" style="height:50px">
		                    <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
		                </a>
		                <ul class="dropdown-menu dropdown-user">
		                    <li><a href="#"><i class="fa fa-gear fa-fw"></i>修改密码</a>
		                    </li>
		                    <li class="divider"></li>
		                    <li><a href="syslogout"><i class="fa fa-sign-out fa-fw"></i>退出</a>
		                    </li>
		                </ul>
		                <!-- /.dropdown-user -->
		            </li>
		        </ul>
		    </nav>
		</div>
	</div>
    <!--/. NAV TOP  -->
    <div class="row">
	    <div class="col-md-2">
			<nav class="navbar-default navbar-side" role="navigation" style="height:500px;" id="side">
		        <div class="sidebar-collapse">
		            <ul class="nav" id="main-menu">
		
		                <li>
		                    <a href="user/user" target="mainFrame"><i class="fa fa-dashboard"></i> 用户管理</a>
		                </li>
		                <li>
		                    <a href="role" target="mainFrame"><i class="fa fa-desktop"></i> 角色管理</a>
		                </li>
		            </ul>
		        </div>
		    </nav>
	    </div>
    
	    <div class="col-md-10">
			<iframe src="user/user" id="mainFrame" name="mainFrame" scrolling="no" style="padding-bottom:0px"></iframe>
	    </div>
    </div>
    
	<div class="row">
		<div class="col-md-12">
			<nav class="navbar navbar-default text-center"><h3>Copyright &copy; 2016.Company Wing All rights reserved.</h3></nav>
		</div>
	</div>

</div>
</body>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(window).load(function(){
	SCREEN_HEIGHT = window.innerHeight-100;
	$('#side').height(SCREEN_HEIGHT);
	$('#mainFrame').height(SCREEN_HEIGHT-20);
	});
</script>
</html>